@import "_function";

body {
  .pb(340);
  .bc(#000);
  .register-logo {
    .mt(150);
    .ml(232);
    .mr(226);
    .w(292);
    .h(122);
    img {
      width: 100%;
      height: 100%;
    }
  }


  form {
    .mt(88);
    .h(380);
    .c(#fff);
    .fs(30);
    flex-wrap: wrap;
    justify-content: center;
    align-items:flex-start;
    display: flex;
    position: relative;
    align-content: space-between;
    input{
      .mb(2);
      .w(300);
      .pl(20);
      border: none;
      outline: none;
      .c(#fff);
      .bc(#000);
    }
    &>div{
      border-bottom:1px solid #fff;
      span{
        .w(110);
        .h(48);
        .lh(48);
        float: left;
        text-align: justify;
        position: relative;
        &:after{
          content: '';
          width:100%;
          height:0;
          display: inline-block;
        }
        &:before{
          content: ':';
          width:0;
          height:0;
          position: absolute;
          right:0;
        }
      }
    }
    .identify{
      position: relative;
      &:after{
        content: '';
        display: block;
        .w(126);
        .h(4);
        .bc(#000);
        position: absolute;
        .r(0);
        .b(-2);
      }
    }
    .identify-img{
      position: absolute;
      border-bottom:1px solid transparent;
      .w(128);
      .h(40);
      img{
        width:100%;
        height:100%;
      }
      .b(10);
      .r(160);
    }

  }


  .agreement {
    .mt(40);
    .ml(172);
    .c(#fff);
    .fs(24);
    input {
      .w(22);
      .h(22);
    }
  }
  .submit {
    .ml(172);
    .mt(70);
    .w(444);
    .h(74);
    .lh(74);
    text-align: center;
    border-radius: 4%;
    .bc(#fff)
  }
  .login {
    .mt(36);
    .fs(24);
    float: right;
    .mr(140);
    .c(#fff);
    a {
      text-decoration: none;
      .c(#ee0000);
      .fs(30);
    }
  }
}